@use 'sass:map';
// {bem_b,bem_e,bem_m,VueAndNvueStyleAttr,when}
@use './mixin/mixins.scss' as *;
@use './mixin/function.scss' as *;
// // {$badge}
@use './common/var.scss' as *;

@import 'common/index.scss';

@include bem_b(skeleton-list) {
	@include bem_e(item) {
		@include flex;
		margin-bottom: 10px;
		&:last-child {
			margin-bottom: 0;
		}
		&__avatar {
			margin-right: 10px;
			overflow: hidden;
			&--circle {
				@include VueAndNvueStyleAttr('border-radius','skeleton', 'list-avatar-circle');
			}
			&-block {
				width: 40px;
				height: 40px;
			}
		}
		&__section {
			height: 40px;
			&-name {
				width: 300px;
				height: 12px;
			}
			&-desc {
				@include flex;
				margin-top: 10px;
				&-block {
					width: 200px;
					height: 8px;
				}
			}
		}
	}
}
